/*
 * @Author: your name
 * @Date: 2021-12-24 14:51:28
 * @LastEditTime: 2021-12-26 16:48:38
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \yanxuan_2118\src\main.js
 */
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 导入 vant
/*
导入 http.js 文件 拿到 axios 实例
import instance from '@/utils/http.js'
向 vue 的实例上挂载内容 以后所有实例和组件都可以使用 this.$http了
Vue.prototype.$http = instance
*/
//导入 http.js 文件 拿到 axios 实例
import httpPlugin from '@/utils/http'
// 实例挂载到 Vue 身上
Vue.use(httpPlugin)

Vue.config.productionTip = false
// 引入移动端布局插件 flexible
import 'amfe-flexible'

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
/*
注释 
  介绍一下结构目录
    src 书写所有源代码
      assets 所有本地的静态资源
         =>需要自己书写的 css js 图片 文件
      components 所有的零件 组件
      router 所有的路由文件
      store 所有的 Vuex 的存储库文件
      views 一级路由使用的组件文件
      app.vue 
         => 跟组件
      main.js
         => 入口 js 文件
  在脚手架配置中的 @
     + 在脚手架配置的 Vue 项目中
     + 所有你i需要书写 路径的位置 都可以使用 @ 开头
     + @ 表示的是 src 目录
  引入文件的时候可以不写后缀
     + 只有特殊情况不写后缀
     + 该文件夹内有一个叫做index的文件
   Vue 内使用axios 发送请求
      + 我能不能像 router 一样 把 axios 的实例挂载在Vue身上
        => 例如写 router 的时候 是this.$router
      + 是可以 只要你把这个需要挂载的内容书写在Vue的原型上即可
        => 示例 Vue.prototype.aa =function(){}
        => 今后所有的组件内 直接使用this.$aa
   了解一下Vue.use 这个方法
      + 专门挂载内容的方法
      + 需求:()内传递的参数内 需要一个叫做instance
*/